<html>
<head>
<title>1</title>
<style>
body { font-family: Arial, sans-serif; margin: 20px; }
h1, h2 { color: #333; }
.container { max-width: 800px; margin: auto; }
.form-group { margin-bottom: 15px; }
input, select, button { padding: 8px; margin: 5px 0; }
.result { background-color: #f5f5f5; padding: 15px; border-radius: 5px; }
.line-color { font-weight: bold; }
</style>
</head>
<body>
<div class="container">
<h1>深圳地铁换乘查询系统</h1>
<form method="GET">
<div class="form-group">
<label for="start">起点站:</label>
<input type="text" id="start" name="start" value="罗湖" required>
</div>
<div class="form-group">
<label for="end">终点站:</label>
<input type="text" id="end" name="end" value="双龙" required>
</div>
<div class="form-group">
<label>查询模式:</label>
<select name="mode">
<option value="0" selected>最少站点模式</option>
<option value="1" >最少换乘模式</option>
</select>
</div>
<button type="submit">查询路线</button>
</form>
<div class="result">
<div class="success">
<strong>路线规划:</strong> 罗湖 → 双龙<br/>
<strong>模式:</strong> 最少站点<br/>
<strong>总站数:</strong> 23<br/>
</div>
<div class="path">
<strong>路线详情:</strong><br/>
<br/>乘坐 <span class="line-color" style="color:blue;">1(罗宝线)</span> 方向:<br/>
罗湖 → 国贸 → 老街 ↑ 共2站<br/>
<br/>乘坐 <span class="line-color" style="color:blue;">2(龙岗线)</span> 方向:<br/>
晒布 → 翠竹 → 田贝 → 水贝 → 草埔 → 布吉 → 木棉湾 → 大芬 → 丹竹头 → 六约 → 塘坑 → 横岗 → 永湖 → 荷坳 → 大运 → 爱联 → 吉祥 → 龙城广场 → 南联 → 到达终点: <strong>双龙</strong>
</div>
<div class="path">
<strong>换乘建议:</strong><br/>
<br/>1. 在 <strong>老街</strong> 站换乘<br/>
   从 <span style="color:blue;">1(罗宝线)</span> 换乘到 <span style="color:blue;">2(龙岗线)</span><br/>
<br/><strong>总换乘次数: 1</strong><br/>
</div>
</div>
</div>
</div>
</body>
</html>
